<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>搜索页面</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/search.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>

<body>
    <header>
        <h1>
            发现
            <i class="iconfont icon-liebiao"></i>
        </h1>
    </header>

    <main>
        <!-- 搜索框 -->
        <div class="search">
            <a class="sear" href="#">
                足球
            </a>
            <a class="btn" href="./index-spot.html">
                搜索
            </a>
        </div>

        <!-- 提示信息 -->
        <ul class="tip">
            <li>
                <a href="#">
                    足球达人
                </a>
            </li>
            <li>
                <a href="#">
                    足球王子
                </a>
            </li>
            <li>
                <a href="#">
                    英国足球
                </a>
            </li>
            <li>
                <a href="#">
                    最近足球1000年
                </a>
            </li>
            <li>
                <a href="#">
                    哈哈足球
                </a>
            </li>
            <li>
                <a href="#">
                    我是足球迷
                </a>
            </li>
            <p>
                <a href="#">
                    点击选项快速搜索
                </a>
            </p>
        </ul>
    </main>

    <footer>
        <ul class="foot-nav">
            <li>
                <a href="./index-spot.html">
                    <i class="iconfont icon-shouye"></i>
                    <span>首页</span>
                </a>
            </li>
            <li class="foot-nav-on">
                <a href="./discover.html">
                    <i class="iconfont icon-sousuo"></i>
                    <span>发现</span>
                </a>
            </li>
            <li class="cam">
                <a href="#">
                    <i class="iconfont icon-xiangji"></i>
                </a>
            </li>
            <li>
                <a href="./person.html">
                    <i class="iconfont icon-icon"></i>
                    <span>我的</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-icon_tuichu"></i>
                    <span>退出</span>
                </a>
            </li>
        </ul>
    </footer>

    <script src="./js/flexible.js"></script>
</body>

</html>